<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<!DOCTYPE html>
<html lang="en">
<head>
</head>

<body class="no-skin">
	<!-- /section:basics/sidebar -->
	<div class="main-content">
		<!-- #section:basics/content.breadcrumbs -->
		<div class="breadcrumbs" id="breadcrumbs">
			<script type="text/javascript">
				try {
					ace.settings.check('breadcrumbs', 'fixed')
				} catch (e) {
				}
			</script>

			<ul class="breadcrumb">
				<li><i class="ace-icon fa fa-home home-icon"></i> <a href="#">管理学员信息</a></li>
			</ul>
			<!-- /.breadcrumb -->

			<!-- #section:basics/content.searchbox -->
			<div class="nav-search" id="nav-search">
				<form class="form-search">
					<span class="input-icon"> <input type="text" placeholder="Search ..."
						class="nav-search-input" id="nav-search-input" autocomplete="off" /> <i
						class="ace-icon fa fa-search nav-search-icon"></i>
					</span>
				</form>
			</div>
			<!-- /.nav-search -->

			<!-- /section:basics/content.searchbox -->
		</div>

		<!-- /section:basics/content.breadcrumbs -->
		<div class="page-content">
			<!-- #section:settings.box -->
			<div class="ace-settings-container" id="ace-settings-container">
				<div class="btn btn-app btn-xs btn-warning ace-settings-btn" id="ace-settings-btn">
					<i class="ace-icon fa fa-cog bigger-150"></i>
				</div>

				<div class="ace-settings-box clearfix" id="ace-settings-box">
					<div class="pull-left width-50">
						<!-- #section:settings.skins -->
						<div class="ace-settings-item">
							<div class="pull-left">
								<select id="skin-colorpicker" class="hide">
									<option data-skin="no-skin" value="#438EB9">#438EB9</option>
									<option data-skin="skin-1" value="#222A2D">#222A2D</option>
									<option data-skin="skin-2" value="#C6487E">#C6487E</option>
									<option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>
								</select>
							</div>
							<span>&nbsp; Choose Skin</span>
						</div>

						<!-- /section:settings.skins -->

						<!-- #section:settings.navbar -->
						<div class="ace-settings-item">
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-navbar" /> <label
								class="lbl" for="ace-settings-navbar"> Fixed Navbar</label>
						</div>

						<!-- /section:settings.navbar -->

						<!-- #section:settings.sidebar -->
						<div class="ace-settings-item">
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-sidebar" /> <label
								class="lbl" for="ace-settings-sidebar"> Fixed Sidebar</label>
						</div>

						<!-- /section:settings.sidebar -->

						<!-- #section:settings.breadcrumbs -->
						<div class="ace-settings-item">
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-breadcrumbs" /> <label
								class="lbl" for="ace-settings-breadcrumbs"> Fixed Breadcrumbs</label>
						</div>

						<!-- /section:settings.breadcrumbs -->

						<!-- #section:settings.rtl -->
						<div class="ace-settings-item">
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-rtl" /> <label
								class="lbl" for="ace-settings-rtl"> Right To Left (rtl)</label>
						</div>

						<!-- /section:settings.rtl -->

						<!-- #section:settings.container -->
						<div class="ace-settings-item">
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-add-container" /> <label
								class="lbl" for="ace-settings-add-container"> Inside <b>.container</b>
							</label>
						</div>

						<!-- /section:settings.container -->
					</div>
					<!-- /.pull-left -->

					<div class="pull-left width-50">
						<!-- #section:basics/sidebar.options -->
						<div class="ace-settings-item">
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-hover" /> <label
								class="lbl" for="ace-settings-hover"> Submenu on Hover</label>
						</div>

						<div class="ace-settings-item">
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-compact" /> <label
								class="lbl" for="ace-settings-compact"> Compact Sidebar</label>
						</div>

						<div class="ace-settings-item">
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-highlight" /> <label
								class="lbl" for="ace-settings-highlight"> Alt. Active Item</label>
						</div>

						<!-- /section:basics/sidebar.options -->
					</div>
					<!-- /.pull-left -->
				</div>
				<!-- /.ace-settings-box -->
			</div>
			<!-- /.ace-settings-container -->

			<!-- /section:settings.box -->
			<div class="page-content-area">
				<!-- /.page-header -->

				<div class="row">
					<div class="col-xs-12">
						<!-- PAGE CONTENT BEGINS -->
						<div class="row">
							<div class="col-xs-12">
								<c:if test="${not empty message }">
									<script type="text/javascript">
										alert("${message }");
									</script>
								</c:if>
								<table id="sample-table-1" class="table table-striped table-bordered table-hover">
									<thead>
										<tr>
											<th>科目编号</th>
											<th>科目名</th>
											<th>科目描述</th>
											<th>科目题数</th>
											<th>总时长</th>
											<th>满分总分</th>
											<th>是否开启考试</th>
											<th>分数</th>
											<th>是否参加考试</th>
											<th><i class="ace-icon fa fa-clock-o bigger-110 hidden-480"></i>操作</th>
										</tr>
									</thead>

									<tbody>
										<c:forEach var="list" items="${examSubjectList }">
											<tr>
												<td>${list.id }</td>
												<td>${list.name }</td>
												<td>${list.description }</td>
												<td>${list.testCount }</td>
												<td>${list.totalTime }</td>
												<td>${list.totalScore }</td>
												<td>
													<c:choose>
														<c:when test="${list.status == 0 }">
															<label class="label arrowed">已关闭</label>
														</c:when>
														<c:otherwise>
															<label class="label label-success arrowed-in arrowed-in-right">已开启</label>
														</c:otherwise>
													</c:choose>
												</td>
												<td>${list.score.score }</td>
												<td>
													<c:choose>
														<c:when test="${list.score == null }">
															<label class="label label-success arrowed-in arrowed-in-right">未参考</label>
														</c:when>
														<c:otherwise>
															<label class="label arrowed">已参考</label>
														</c:otherwise>
													</c:choose>
												</td>
												<td>
													<c:choose>
														<c:when test="${list.score == null }">
															<c:choose>
																<c:when test="${list.status == 0 }">
																	<a title="进入考试" disabled="disabled" class="btn btn-success btn-xs"><i class="ace-icon fa fa-pencil"></i></a>
																</c:when>
																<c:otherwise>
																	<a href="${pageContext.request.contextPath }/student/studentExam/${list.id}" title="进入考试"  class="btn btn-success btn-xs"><i class="ace-icon fa fa-pencil"></i></a>
																</c:otherwise>
															</c:choose>
														</c:when>
														
														<c:when test="${empty list.score.score && list.score.remainingExamTime > 0 }">
															<a title="进入考试" href="${pageContext.request.contextPath }/student/studentExam/${list.id}" class="btn btn-success btn-xs"><i class="ace-icon fa fa-pencil"></i></a>
														</c:when>
														<c:otherwise>
															<a title="查看成绩" scoreId="${list.score.id }"  class="btn btn-success btn-xs showScoreBtn"><i class="ace-icon fa fa-eye"></i></a>
														</c:otherwise>
													</c:choose>
												</td>
											</tr>
										</c:forEach>

									</tbody>
								</table>
							</div>
							<!-- /.span -->
						</div>
						<!-- /.row -->

						<!-- PAGE CONTENT ENDS -->
					</div>
					<!-- /.col -->
				</div>
				<!-- /.row -->
			</div>
			<!-- /.page-content-area -->
		</div>
		<!-- /.page-content -->
	</div>
	<!-- /.main-content -->

<div class="modal fade" id="showScoreModal" tabindex="-1" role="dialog"
		aria-labelledby="showScoreModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="showScoreModalLabel">修改科目信息</h4>
				</div>
				<div class="modal-body">
					<p>
						<label>用户名</label> <label id="userName"></label>
					</p>
					<p>
						<label>科目名</label> <label id="subjectName"></label>
					</p>
					<p>
						<label>科目描述</label> <label id="examTime"></label>
					</p>
					<p>
						<label>科目题数</label> <label id="score"></label>
					</p>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					<button id="scorePrint" type="button" class="btn btn-primary">打印</button>
				</div>
			</div>
		</div>
	</div>
	<!-- /.main-container -->

	<!--[if !IE]> -->
	<script type="text/javascript">
		window.jQuery
				|| document
						.write("<script src='${pageContext.request.contextPath}/static/assets/js/jquery.min.js'>"
								+ "<"+"/script>");
	</script>

	<!-- <![endif]-->

	<!--[if IE]>
<script type="text/javascript">
 window.jQuery || document.write("<script src='${pageContext.request.contextPath}/static/assets/js/jquery1x.min.js'>"+"<"+"/script>");
</script>
<![endif]-->
	<script type="text/javascript">
		if ('ontouchstart' in document.documentElement)
			document
					.write("<script src='${pageContext.request.contextPath}/static/assets/js/jquery.mobile.custom.min.js'>"
							+ "<"+"/script>");
	</script>
	<script src="${pageContext.request.contextPath}/static/assets/js/bootstrap.min.js"></script>

	<!-- page specific plugin scripts -->
	<script src="${pageContext.request.contextPath}/static/assets/js/jquery.dataTables.min.js"></script>
	<script src="${pageContext.request.contextPath}/static/assets/js/jquery.dataTables.bootstrap.js"></script>

	<!-- ace scripts -->
	<script src="${pageContext.request.contextPath}/static/assets/js/ace-elements.min.js"></script>

	<!-- inline scripts related to this page -->
	<script type="text/javascript">
		jQuery(function($) {
			var oTable1 = $('#sample-table-2')
			//.wrap("<div class='dataTables_borderWrap' />")   //if you are applying horizontal scrolling (sScrollX)
			.dataTable({
				bAutoWidth : false,
				"aoColumns" : [ {
					"bSortable" : false
				}, null, null, null, null, null, {
					"bSortable" : false
				} ],
				"aaSorting" : [],

			//,
			//"sScrollY": "200px",
			//"bPaginate": false,

			//"sScrollX": "100%",
			//"sScrollXInner": "120%",
			//"bScrollCollapse": true,
			//Note: if you are applying horizontal scrolling (sScrollX) on a ".table-bordered"
			//you may want to wrap the table inside a "div.dataTables_borderWrap" element

			//"iDisplayLength": 50
			});
			/**
			var tableTools = new $.fn.dataTable.TableTools( oTable1, {
				"sSwfPath": "../../copy_csv_xls_pdf.swf",
			    "buttons": [
			        "copy",
			        "csv",
			        "xls",
					"pdf",
			        "print"
			    ]
			} );
			$( tableTools.fnContainer() ).insertBefore('#sample-table-2');
			 */

			$(document).on(
					'click',
					'th input:checkbox',
					function() {
						var that = this;
						$(this).closest('table').find(
								'tr > td:first-child input:checkbox').each(
								function() {
									this.checked = that.checked;
									$(this).closest('tr').toggleClass(
											'selected');
								});
					});

			$('[data-rel="tooltip"]').tooltip({
				placement : tooltip_placement
			});
			function tooltip_placement(context, source) {
				var $source = $(source);
				var $parent = $source.closest('table')
				var off1 = $parent.offset();
				var w1 = $parent.width();

				var off2 = $source.offset();
				//var w2 = $source.width();

				if (parseInt(off2.left) < parseInt(off1.left)
						+ parseInt(w1 / 2))
					return 'right';
				return 'left';
			}

		})
	</script>

	<!-- the following scripts are used in demo only for onpage help and you don't need them -->

	<script type="text/javascript">
		ace.vars['base'] = '..';
	</script>
	<script src="${pageContext.request.contextPath}/static/assets/js/ace/elements.onpage-help.js"></script>
	<script src="${pageContext.request.contextPath}/static/assets/js/ace/ace.onpage-help.js"></script>
	<script src="${pageContext.request.contextPath}/static/docs/assets/js/rainbow.js"></script>
	<script src="${pageContext.request.contextPath}/static/docs/assets/js/language/generic.js"></script>
	<script src="${pageContext.request.contextPath}/static/docs/assets/js/language/html.js"></script>
	<%-- <script
		src="${pageContext.request.contextPath}/docs/assets/js/language/css.js"></script>
	<script
		src="${pageContext.request.contextPath}/docs/assets/js/language/javascript.js"></script> --%>
	<script src="http://code.jquery.com/jquery-migrate-1.1.0.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath}/static/lib/jquery.jqprint-0.3.js"></script>
	
	<script type="text/javascript">
		$(function(){
			$('.showScoreBtn').click(function(){
				var scoreId = $(this).attr('scoreId');
				$.ajax({
					type: "POST",
					url: "${pageContext.request.contextPath}/student/showScore",
					data:{
						scoreId: scoreId
						},
					dataType: "json",
					success: function(data){
						$('#showScoreModal #userName').text(data.userName);
						$('#showScoreModal #subjectName').text(data.subjectName);
						$('#showScoreModal #examTime').text(data.examTimeString);
						$('#showScoreModal #score').text(data.score);
						}
					});
				$('#showScoreModal').modal('show');
				});
			$('#scorePrint').click(function(){
				$('#showScoreModal .modal-body').jqprint({
					operaSupport: false 
				});
			});
		});
	</script>
</body>
</html>